<!DOCTYPE html>
<head>
<title>笑话大全</title>
<#include "/mobile/common/header.ftl">
<script src="${urlPre!}/js/base.js"></script>
<script>
var pageType="${pageType?default('new')}"
var uid = "${uid}";
var ip="${ip}";
var phoneType="${phoneType}";
</script>
<script src="${urlPre!}/js/mobile/index.js"></script>
<script src="${urlPre!}/js/mobile/share.js"></script>
<style type="text/css">
/*防止li截断字符*/
.ui-listview>li p{
	white-space: normal;  
}
</style>
</head>
<body>
<div data-role="page" data-theme='b'>
	<div data-role="header" data-position="fixed" data-theme='b'>
		<a data-icon="recycle" onclick="gotoUrl('refresh')">刷新</a>
	    <h1>笑话大全</h1>
	    <!-- 
		<a data-icon="bars" onclick="">设置</a>
	     -->
	</div> 
	<div data-role="content" data-theme='c'>
		<ul id="jokelist" data-role="listview" data-inset="true">
		<#--
		<#list jokes as j>
		<li data-role="list-divider" style="height:30px;line-height:30px;" data-theme='b'>
			<font face="微软雅黑" size="4" id="title_${j.nid}">${j.title}</font>
		</li>   
		<li data-icon="false" data-theme='b'>
			<div>
				<font face="微软雅黑"><p style="font-size:17px;" id="content_${j.nid}">${j.content}</p></font>
				<br>
				<br>
			</div>
			<div data-role="controlgroup" data-type="horizontal"  data-corners="false">
			<a id="likes_${j.nid}" data-role="button" data-icon="heart" data-mini="true" data-theme="<#if j.isLiked=='Y'>b<#else>b</#if>" href="javascript:<#if j.isLiked=='Y'>doLikesCancel<#else>doLikes</#if>('${j.nid}','${j.id}')">${j.likes}</a>
			<a id="store_${j.nid}" data-role="button" data-icon="star" data-mini="true" data-theme="<#if j.isStored=='Y'>b<#else>b</#if>" href="javascript:<#if j.isStored=='Y'>storeCancel<#else>store</#if>('${j.nid}','${j.id}')">${j.store}</a>
			<a id="share_${j.nid}" data-role="button" data-rel="popup" data-icon="action" data-mini="true" data-theme='b'
			data-rel="popup" data-position-to="window" href="#popupMenu" onclick="setShare('${j.nid}','${j.id}')">
			${j.shareSinaweibo?number + j.shareWeixinpy?number + j.shareWeixinpyq?number}</a>
			</div>
			<br>
			<br>
		</li>
		</#list>
		-->
		</ul>
	</div> 
	<div data-role="footer" data-theme='b' data-position="fixed" data-tap-toggle="false">
		<div data-role="navbar" data-theme='b'>
		    <ul>
		      <li><a id="setting" data-icon="clock" href="javascript:gotoUrl('new')">最新</a></li>
		      <li><a id="info" data-icon="heart" href="javascript:gotoUrl('hot')">最热</a></li>
		      <li><a id="alert" data-icon="shop" href="javascript:gotoUrl('store')">收藏夹</a></li>
		    </ul>
		</div>
	</div> 

	<div data-role="popup" id="popupMenu" data-theme="b">
	    <ul data-role="listview" data-inset="true" style="min-width:210px;" data-theme="d">
	        <li><a href="javascript:doShare(1)">分享给微信朋友</a></li>
	        <li><a href="javascript:doShare(2)">分享到微信朋友圈</a></li>
	        <li><a href="javascript:doShare(3)">分享到新浪微博</a></li>
	    </ul>
	</div>

	<div data-role="popup" id="detail" data-theme="b">
		<div data-role="header">
		    <h1 id="detail_title"></h1>
		</div> 
		<div data-role="content" data-theme='e'>
			<p id="detail_content"></p>
		</div> 
		<div data-role="footer" data-theme='b'>
		<div data-role="navbar" data-theme='b'>
		    <ul>
		      <li><a id="heart" data-icon="heart" href="javascript:detailLike()">赞</a></li>
		      <li><a id="star" data-icon="star" href="javascript:detailStore()">收藏</a></li>
		      <li><a id="action" data-icon="action" href="javascript:detailShare()">微信朋友</a></li>
		      <li><a id="action" data-icon="action" href="javascript:detailShare()">朋友圈</a></li>
		      <li><a id="action" data-icon="action" href="javascript:detailShare()">新浪微博</a></li>
		    </ul>
		</div>
		</div> 
	</div>
	<!--<span class="ui-li-count" id="likes_#nid#">#likes#</span>-->
	<div style="display:none" id="listContent">
		<li data-role="list-divider" style="height:30px;line-height:30px;" data-theme='b'>
		<font face="微软雅黑" size="4" id="title_#nid#">#title#</font>
		</li>   
		<li data-icon="false" data-theme='b'>
			<div> <!-- 取消跳转 onclick="gotoDetail('#id#')"-->
			<font face="微软雅黑"><p style="font-size:17px;" id="content_#nid#">#content#</p></font>
			<br>
			<br>
			</div>
			<div data-role="controlgroup" data-type="horizontal"  data-corners="false">
			#content_a#
			<a id="share_#nid#" data-role="button" data-rel="popup" data-icon="action" data-mini="true" data-theme='b'
			data-rel="popup" data-position-to="window" href="#popupMenu" onclick="setShare('#nid#','#id#')">#share#</a>
			</div>
			<br>
			<br>
		</li>
	</div>
	<div style="display:none" id="listContent_a" >
	<a id="likes_#nid#" data-role="button" data-icon="heart" data-mini="true" data-theme='#likesTheme#' href="javascript:#likeMethod#('#nid#','#id#')">#likes#</a>
	<a id="store_#nid#" data-role="button" data-icon="star" data-mini="true" data-theme='#storeTheme#' href="javascript:#storeMethod#('#nid#','#id#')">#store#</a>
	</div>
</div>
</body>
</html>